﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="indexStyle.css" type="text/css">
    <link rel="stylesheet" href="rightKeyMenuEvnet.css" type="text/css">
    <link rel="stylesheet" href="note.css" type="text/css">
    <link rel="stylesheet" href="guide.css" type="text/css">
</head>

<body>
    <div id="guide">
        <button class="tab" id="tab1" onclick="changePage()" style="background-color:rgb(0, 88, 240) ;">搜索</button>
        <button class="tab" id="tab2" onclick="changePage()">笔记</button>
        
    </div>

    <div id="page1">
        <div id="way-list"></div>
        <div id="time">--:--:--</div>
        <div id="search-frame">
            <select id="search-way-list" style="text-align: center;">
                <option id="baidu" value="baidu" class="swlb">百度</option>
                <option id="bing" value="bing" class="swlb">必应</option>
            </select>
           
            <input type="text" placeholder="在 中搜索" id="search" onkeypress="enterKeyManage(event)" class="search" onfocus="console.log('...');" onblur="console.log('...');document.getElementById('search').setAttribute('placeholder','在 中搜索');"/>
        </div>
        <div id="search-suggestion"></div>
        <button id="enter">搜索</button>
        <button id="add-like">添加收藏</button>
        <div id="like-frame">
            
        </div>
    </div>
    
    <div id="page2" style="display: none;">
        <div id="list" >
            <button id="add" class="hard">新记事</button>
            <!--<div style="width: 90%;height: 20%;background: #FFF68E;></div>-->
        </div>
        <div id="write">
        <button id="close" class="hard">保存并关闭</button>
        <textarea id="text" autofocus></textarea>
        </div>
    </div>
    <!--以下为右键菜单事件-->
    <!--like右键事件-->
    <div id="like-menu" class="r-e">
        <button id="editor" class="like-menu-tag">编辑收藏</button>
        <button id="delete" class="like-menu-tag">删除</button>
    </div>
    <script type="text/javascript" src="index_js.js"></script>
    
</body>
</html>
<script type="javascript">
function focus(){
    console.log("...")
    document.getElementById("search").setAttribute("placeholder","");
    document.getElementById("search-way-list").setAttribute("style","text-align: center;display: block;");
  }
function unfocus(){
    document.getElementById('search').setAttribute('placeholder','在 中搜索');
    document.getElementById("search-way-list").setAttribute("style","text-align: center;display: none;");
}
</script>